import { StyleSheet } from 'react-native'
import { Metrics, Fonts, Colors } from '../../Themes'

export default StyleSheet.create({
  container: {
    flex: 1
  },
  item: {
    marginBottom: 2,
    padding: Metrics.baseMargin,
    flexDirection: 'row',
    backgroundColor: Colors.snow,
    alignItems: 'center',
  },
  avatar: {
    height: 52,
    width: 52,
    borderRadius: 26,
    marginRight: 10,
  },
  star: {
    marginLeft: Metrics.smallMargin,
  },
  main: {
    flex: 1,
  },
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  headerLeft: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  title: {
    fontSize: 16,
    color: '#2d3436',
  },
  distance: {
    fontSize: Fonts.size.small,
    color: '#b2bec3',
  },
  desc: {
    ...Fonts.style.description,
    lineHeight: 16,
    fontSize: 14,
    maxHeight: 32,
    color: '#636e72',
  }
})
